Upland Documentation

Upland - Landing Page HTML Template

Upland – App Landing Page It’s a unique, modern, beautiful, clean, minimal and elegant HTML5 / CSS3 App Landing Page. This template has been designed for app website, app showcase, app landing page etc.

My Envato Account
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Intro

features

  • Built with HTML5 & CSS3
  • SVG Images.
  • Google Fonts.
  • Easy to customize.
  • Fully Responsive.
  • Clean Code.
  • Free Images.
  • W3 Valid 100%.
  • Browser Compatibility.
  • Fully Customizable.
  • Modern and Creative Design.
  • And much more...

This template contains 4 page:

  • 1. Home Page.
  • 2. Blog Page.
  • 3. Post Page.
  • 4. 404 Page.

HTML Structure

Visual Studio Code (download for free). Used to edit the .HTML, .JS, and .CSS files.

  1. <!-- BEGIN: free trial -->
  2. <div class="free-trial">
  3.    <div class="container">
  4.       <div class="text-contain">
  5.          <h3>Are You Ready To Enjoy? Get This Perfect Theme Now!</h3>
  6.          <p>It is a long established fact that a reader will be distracted</p>
  7.          <div class="button-contain">
  8.             <button>Start Trial Free</button>
  9.          </div>
  10.       </div>
  11.    </div>
  12. </div>

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following :

  1. .text-contain h3 { color: #some_color; }

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

  1. .free-trial .text-contain h3 { color: #some_color; }

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


How to change Logo ?

All icons and images of the project are stored in the "img" folder.






How to change Image ?




How To Change Site Title ?




How to change Copyright ?




How To Change Video ?

Paste your video link here




Connected Fonts

CSS Files and Structure

How To Work With CSS Files ?

All .css files are located in the CSS folder. The main.css file is the main style file. If you want to change the styles, you can do so in the style.css file at the very bottom of the file.



JavaScript

This Template imports many Javascript files

  • jquery-3.5.1.min.js
  • slick.min.js
  • jquery.formstyler.js
  • clipboardjs.js
  • datepicker.js
  • ellipsis.js
  • fitvidsjs.js
  • custom.js - Main JS File

Connected as:


The main custom javascript file is stored in js/custom.js

Sources and Credits

I've used the following images or other files as listed :

1. Images

2. JavaScript Files

3. Fonts

Template Customization

Installation

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the files inside theface folder.

More about installation:

Go to This Link Click Me

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

© 2020 George_Fx.